* {
    padding: 0;
    margin: 0;
}
html,
body {
    font-family: "Microsoft Yahei";
    width: 100%;
    height: 100%;
    position: relative;
}
textarea {
    outline:0;
}
/*消息页面*/

/*头部样式*/
#ancestor {
    min-width: 320px;
    min-height: 568px;
    width: 100%;
}
#ancestor header {
    width: 100%;
    height: 70px;
    text-align: center;
    background-color: rgb(3,169,244);
    padding: 10px;
}
#ancestor header h4 {
    margin: 20px auto;
    color: #fff;
}
#ancestor header .header-img {
    position: absolute;
    top: 20px;
    right: 20px;
}
#ancestor header .header-img .dropdown-menu {
    top: 146%;
    left: -60px;
    min-width: 120px;
    padding: 0;
    background-color: rgb(57,58,63);
}
#ancestor header .header-img .dropdown-menu li {
    height: 36px;
    border-bottom: 1px solid rgb(42,44,47);
}
#ancestor header .header-img .dropdown-menu li a:hover {
    background-color: rgb(80,80,80);
}
.header-img .dropdown-menu>li>a {
    color: #fff;
    padding: 3px 20px 3px 0;
}
.header-img .dropdown-menu>li>a img {
    margin: 0 10px;
}
/*内容样式*/
.tab-content {
    height: 450px;
    background-color: rgb(240,240,242)
}
#mesager {
    width:100%;
}
#mesager ul {
    margin-bottom: 0;
}
#mesager ul li {
    padding: 10px;
    width: 100%;
    height: 45px;
    color: #000;
    border-bottom: 1px solid rgb(187,187,187);
    line-height: 25px;
}
#mesager ul li a {
    color: #000;
}
#mesager .updata-time {
    float: right;
}


/*发现页面*/
#find {
    width:100%;
}
#find ul {
    margin-bottom: 0;
    border-top: 1px solid rgb(187,187,187);
    border-bottom: 1px solid rgb(187,187,187);
}
#find ul li {
    padding: 10px;
    width: 32%;
    height: 45px;
    color: #000;
    line-height: 25px;
    text-align: center;
    display: inline-block;
}
#find ul li a {
    color: #000;
}
#find ul li a div {
    margin: 10px 0;
    padding: 10px;
    height: 45px;
    font-size: 20px;
    color: #FF4086;
    border: 1px solid rgb(187,187,187);
}
#find .cloudFamily-news, #find .family {
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px solid rgb(187,187,187);
    border-bottom: 1px solid rgb(187,187,187);
    text-indent: 15%;
}
#find .cloudFamily-news {
    background: #ffffff 6% 50% no-repeat url(../../images/cloudFamily-news.jpg);
}
#find .family {
    background: #ffffff 6% 50% no-repeat url(../../images/family.jpg);
}
#find .cloudFamily-news img {
    position: relative;
    left: 40%;
}
/*我的页面*/
#myself {
    width: 100%;
}
#myself .posonnal-info {
    width: 100%;
    padding: 10px;
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid rgb(187,187,187);
}
#myself .posonnal-info .head {
    width: 40px;
    height: 40px;
    border: 2px solid #101010;
    border-radius: 100%;
    margin: 10px;
}
#myself .posonnal-info .erweima {
    float: right;
    margin: 10px;
}
#myself ul {
    margin-bottom: 0;
    background-color: #fff;
}
#myself ul li {
    padding: 10px;
    width: 100%;
    height: 45px;
    color: #000;
    border-bottom: 1px solid rgb(187,187,187);
    line-height: 25px;
}
#myself ul li a {
    color: #000;
}
#myself .tel{
    margin: auto 30px;
}

/*底部样式*/
.footer .nav {
    text-align: center;
    padding: 5px;
}
.footer .nav li {
    width: 24%;
}
.nav-pills>li>a {
    color: #000;
}